<template>
	<view class="">
		<!-- <view class="tool-bar">
			<HeadNavs :orderId="orderId" :id="id" :payFlag="payFlag" :title="'汇付支付'"></HeadNavs>
		</view> -->
		<web-view ref="webview" :src="toUrl" @titleUpdate="handleTitleUpdate" @message="handleMessage"></web-view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			toUrl: '',
			payFlag: '',
			orderId: '',
			id: ''
		};
	},
	onLoad(option) {
		// console.log(option);
		this.toUrl = option.toUrl;
		this.payFlag = option.payFlag;
		this.orderId = option.orderId;
		this.id = option.id;
		// #ifdef APP-PLUS
		let height = 760; //定义动态的高度变量
		let statusbar = 40; // 动态状态栏高度
		// uni.getSystemInfo({ // 获取当前设备的具体信息
		// 	success: (sysinfo) => {
		// 		statusbar = sysinfo.statusBarHeight;
		// 		height = sysinfo.windowHeight;
		// 	}
		// });
		let currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
		setTimeout(function () {
			var wv = currentWebview.children()[0];
			wv.setStyle({
				//设置web-view距离顶部的距离以及自己的高度，单位为px
				top: statusbar, //此处是距离顶部的高度，应该是你页面的头部
				height: height //webview的高度
			});
		}, 200); //如页面初始化调用需要写延迟

		// #endif
	},
	onBackPress(options) {
		/**
		 * 由于 uni.navigateBack() 同样会触发 onBackPress 函数。因此在 onBackPress 中直接调用 uni.navigateBack() 并始终返回 true 会引发死循环。
		 * 此时，需要根据 onBackPress 的回调对象中的 from 值来做处理，当来源是 'navigateBack' 时，返回 false。
		 */
		console.log(options,"options")
		if (options.from === 'navigateBack') {
			uni.redirectTo({
				url: '/pages/wallet/wallet'
			});
			return false;
		}
	},
	methods: {
		handleMessage(event) {
			// console.log('接收到的消息：' + JSON.stringify(event.detail.data));
		}
	}
};
</script>

<style lang="scss" scoped>
.tool-bar {
	position: fixed;
	top: 60rpx;
	left: 0;
	z-index: 999;
}
</style>
